@import 'src/styles/variables.module';
@import 'src/styles/element-plus';
@import './sidebar.scss';
@import './tailwind.scss';

html,body,#app{
  height: 100%;
}

// main-container global css
.app-container {
  padding: 20px;
}

.search{
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 6px 2px 6px #CCC;
}

svg{
  display: inline-block;
}

.mg-tp-5{margin-top: (5px);}
.mg-tp-10{margin-top: (10px);}
.mg-tp-15{margin-top: (15px);}
.mg-tp-20{margin-top: (20px);}
.mg-tp-25{margin-top: (25px);}
.mg-tp-30{margin-top: (30px);}
.mg-tp-35{margin-top: (35px);}
.mg-tp-40{margin-top: (40px);}
.mg-tp-45{margin-top: (45px);}
.mg-tp-50{margin-top: (50px);}


.tc { text-align: center;}
.flex-box { display: flex;}
.fl {float: left;}
.cursorp{cursor: pointer;}
